<template>
    <div>
        我是子组件
      
        <hr>
        <h1>
            {{value}}
        </h1>
         <button @click="fn">点击</button>
    </div>
</template>

<script>
export default {
//    props:['value'],
// //    emits:["update"],
//    model:{
//        prop:"value",
//        event:"update"
//    },

//    methods:{
//        fn () {
//            this.$emit("update",this.value ++ )
//        }
//    }

  props:["value"], // 通过v-model在子组件标签上接收到得值就叫value，且必须
    model: {    // model可以被必须叫叫input得事件名给起一个别名，在这里叫update
        prop: "value", //绑定的值，通过⽗组件传递
        event: "updata" //⾃定义时间名
    },
    data() {
        return {
            num : 2
        }
    },
     methods:{
         fn(){   // 自定义事件必须叫input
             this.$emit("updata",this.value += 2) // this.value = this.value + 1
         }
     }
}
</script>

<style>

</style>